.markerWrap {
  position: relative;

  .text {
    border-radius: 1em;
    display: inline-block;
    width: 1.5em;
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 12px;
    background: #fff;
  }

  .toolTipText {
    position: absolute;
    left: 150%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10000;

    opacity: 0;
    transition: opacity .3s;
    visibility: hidden;
    width: 120px;
    background-color: rgba(5, 5, 5, .5);
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
  }

  &:hover .toolTipText {
    visibility: visible;
    opacity: 1;
  }
}
